
let trackMarker = null;
let carWindow = null;
let passedPolyline = null;
// let lineArr = [[116.397128, 40.22077],[117.07499723632814, 39.7576792664239],[115.45875, 38.87757]];
export const initLine = (map, lineArr) => {
  console.log('lineArr类型', typeof lineArr);
  console.log('lineArr[0]', lineArr[0]);
  if(!lineArr.length) return;
  // 1、创建汽车点位点 线路数据的第一个点的经纬度，如：
  const position = lineArr[0];
  trackMarker = new window.AMap.Marker({
    map: map,
    position: position,
    icon: 'https://webapi.amap.com/images/car.png',
    offset: new window.AMap.Pixel(-26, -13),
    autoRotation: true,
    angle: -90
  })

  // 2、创建信息框
  carWindow = new window.AMap.InfoWindow({
    offset: new window.AMap.Pixel(6, -25),
    content: ''
  })

  // 3、绘制轨迹trackPolyline，这个轨迹是相当于总览展示，如果要控制是否显示整条线路的话，可以通过线路的show()和hide()方法控制
  let trackPolyline = new window.AMap.Polyline({
    map: map,
    path: lineArr,
    showDir: true,
    // 线颜色
    strokeColor: '#28F',
    // 线透明度
    // strokeOpacity: 1,
    // 线宽
    strokeWeight: 6,
    // 线样式
    // strokeStyle: "solid"
    zIndex: 99999
  })
  console.log(trackPolyline, '轨迹示例')

  // 4、绘制行驶后的颜色
  passedPolyline = new window.AMap.Polyline({
    map: map,
    // 线颜色
    strokeColor: '#AF5',
    // 线宽
    strokeWeight: 6,
    zIndex: 99999
  });

  // 行驶过后改变颜色
  trackMarker.on('moving', (e) => {
    passedPolyline.setPath(e.passedPath)
  });
  // 6.信息框随车辆移动
  // window.AMap.event.addListener(trackMarker, 'moving', (e) => {
  //   var lastLocation = e.passedPath[e.passedPath.length - 1]
  //   carWindow.setPosition(lastLocation)
  //   // 调用信息框的信息，进行对比
  //   // etVehicleSpeedInWidowns(lastLocation)
  // })
  // 7.打开速度框
  carWindow.open(map, trackMarker.getPosition())
  // 8.地图自适应缩放
  map.setFitView(trackMarker);
  map.setZoom(16);
};
// 对比信息框的经纬度与移动中经纬度是否相同，相同就把信息框里的内容展示出来
// const etVehicleSpeedInWidowns = (lnglat) => {
//   for (var i = 0; i < gpsLocus.length; i++) {
//     if (lnglat.lat == gpsLocus[i].gdLatitude && lnglat.lng == gpsLocus[i].gdLongitude) {
//       const info = trackInfo(gpsLocus[i])
//       carWindow.setContent(info.join(''))
//       return
//     }
//   }
// }

// 信息框里的内容自定义
// const trackInfo = (obj) => {
//   const info = []
//   info.push(`<p  style='min-width:200px;'   class='input-item'>设备号 :${obj.code || '未知'}</p>`)
//   info.push(`<p  style='min-width:200px;'   class='input-item'>时间:${obj.time || '未知'}</p>`)
//   return info
// }